@import (reference) "../../style/themes/default.less";

.am-filter {
  &-item-wrap {
    padding-right: @size-3;
    padding-right: var(--am-filter-padding, @size-3);
    padding-top: @size-3;
    padding-top: var(--am-filter-padding, @size-3);
    min-width: 33.3%;
    max-width: 50%;
    overflow: hidden;
    float: left;
    display: list-item;
    box-sizing: border-box;
  }

  &-item {
    padding: @size-2;
    padding: var(--am-filter-internal-padding, @size-2);
    background: @color-divider-background;
    background: var(--am-filter-background, @color-divider-background);
    border-radius: @corner-radius-md;
    border-radius: var(--am-filter-corner-radius, @corner-radius-md);
    text-align: center;
    box-sizing: border-box;
    &-title {
      font-size: @font-size-subtitle;
      font-size: var(--am-filter-title-size, @font-size-subtitle);
      color: @color-text-title;
      color: var(--am-filter-title-color, @color-text-title);
    }
    &-subtitle {
      font-size: @font-size-content;
      font-size: var(--am-filter-subtitle-size, @font-size-content);
      color: @color-text-subtitle;
      color: var(--am-filter-subtitle-color, @color-text-subtitle);
    }
  }

  &-click {
    color: @color-text-primary;
    color: var(--am-filter-title-pick-color, @color-text-primary);
    background: @color-fill-primary-light url('') right bottom no-repeat;
    background: var(--am-filter-pick-background, @color-fill-primary-light) url('') right bottom no-repeat;
    background-size: 19px 15px;
  }
}
